<%@ page import="org.springframework.beans.factory.annotation.Autowired" %>
<%@ page import="com.gu.service.VehicleRefuelingInfoService" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%--    用户管理--%>
    <meta charset="utf-8">
    <title>数据操作 - 数据表格</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layuiadmin/style/admin.css" media="all">


    <style>
        #selectBox {
            display: flex;
        }

        #updateHiddenBox {
            position: absolute;
            left: 10%;
            top: 10%;
            display: none;
            width: 80%;
            height: 80%;
            margin: auto;
            background-color: #FAFAFA;

        }

        #updateMainBox {
            position: absolute;
            left: 0;
            top: 0;
            display: none;
            width: 100%;
            height: 100%;
            background-color: rgba(67, 67, 67, .5);

        }

        #addHiddenBox {
            position: absolute;
            left: 10%;
            /*top: 10%;*/
            display: none;
            width: 80%;
            height: 100%;
            margin: auto;
            background-color: #FAFAFA;

        }

        #addMainBox {
            position: absolute;
            left: 0;
            top: 0;
            display: none;
            width: 100%;
            height: 100%;
            background-color: rgba(67, 67, 67, .5);

        }

        #editBanReasonHiddenBox {
            position: absolute;
            left: 10%;
            top: 10%;
            display: none;
            width: 80%;
            height: 80%;
            margin: auto;
            background-color: #FAFAFA;

        }

        #editBanReasonMainBox {
            position: absolute;
            left: 0;
            top: 0;
            display: none;
            width: 100%;
            height: 100%;
            background-color: rgba(67, 67, 67, .5);

        }

        .layui-upload-list {
            display: block;
            margin: 10px 0;
            width: 102px;
            height: 102px;
            border: black 1px solid;
        }

        #demo1 {
            display: block;
            width: 102px;
            height: 102px;
            border-radius: 50%
        }

        .seeBox {
            display: block;
            z-index: 999999;
        }

        .userImgPath {
            border-radius: 50%;
            width: 28px;
            height: 28px;
        }

        #matchRuleBox {
            width: 90px;
        }
    </style>

</head>
<body>

<%--<form class="layui-form" action="">--%>

<%--    <div class="layui-form-item">--%>
<%--        <div class="layui-inline">--%>
<%--            <label class="layui-form-label" style="width: 45px">车牌号</label>--%>
<%--            <div class="layui-input-inline">--%>
<%--                <select id="vehicleSelector" name="vehicleSelector" lay-verify="required" lay-search="">--%>
<%--&lt;%&ndash;                    <option value="">请选择</option><optgroup label="无类别"><option value="你工作的第一个城市">冀AF04021</option></optgroup><optgroup label=""><option value="你工作的第一个城市">冀AF02766</option><option value="你工作的第一个城市">冀AR9086</option><option value="你工作的第一个城市">冀AYA793</option><option value="你工作的第一个城市">冀ADL559</option><option value="你工作的第一个城市">冀AWE266</option><option value="你工作的第一个城市">冀AY0091</option><option value="你工作的第一个城市">冀AP086S</option></optgroup><optgroup label="供电所"><option value="你工作的第一个城市">冀AK726U</option><option value="你工作的第一个城市">冀AK110T</option><option value="你工作的第一个城市">冀AXU205</option><option value="你工作的第一个城市">冀AM718R</option><option value="你工作的第一个城市">冀AL330C</option><option value="你工作的第一个城市">冀AK677P</option><option value="你工作的第一个城市">冀AJ100B</option><option value="你工作的第一个城市">冀AN096G</option><option value="你工作的第一个城市">冀AL321R</option><option value="你工作的第一个城市">冀AP165U</option><option value="你工作的第一个城市">冀AP006H</option><option value="你工作的第一个城市">冀AWE026</option></optgroup><optgroup label="农电"><option value="你工作的第一个城市">冀AWE009</option><option value="你工作的第一个城市">冀AWE229</option><option value="你工作的第一个城市">冀AR9950</option><option value="你工作的第一个城市">冀A3Y0W3</option><option value="你工作的第一个城市">冀A9V3T8</option><option value="你工作的第一个城市">冀A2V8B2</option><option value="你工作的第一个城市">冀AP755A</option></optgroup><optgroup label="生产"><option value="你工作的第一个城市">冀ARB253</option><option value="你工作的第一个城市">冀AM322W</option><option value="你工作的第一个城市">冀AK326C</option><option value="你工作的第一个城市">冀AM663G</option><option value="你工作的第一个城市">冀AP736U</option><option value="你工作的第一个城市">冀A1127D</option><option value="你工作的第一个城市">冀AG389D</option><option value="你工作的第一个城市">冀A1U1W7</option><option value="你工作的第一个城市">冀A2P3G5</option><option value="你工作的第一个城市">冀A9V1M1</option><option value="你工作的第一个城市">冀AU6429</option><option value="你工作的第一个城市">冀AWE012</option><option value="你工作的第一个城市">冀AWE018</option><option value="你工作的第一个城市">冀A015FN</option><option value="你工作的第一个城市">冀AWE019</option><option value="你工作的第一个城市">冀AN693C</option><option value="你工作的第一个城市">冀AR7792</option></optgroup>&ndash;%&gt;--%>
<%--                </select>--%>
<%--            </div>--%>
<%--            司机提交数据时间--%>
<%--            <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->--%>
<%--               <input type="text" class="layui-input" id="submitTimeStart">--%>
<%--            </div>--%>
<%--            ---%>
<%--            <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->--%>
<%--                <input type="text" class="layui-input" id="submitTimeEnd">--%>
<%--            </div>--%>
<%--            导入车辆数据--%>
<%--            <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->--%>
<%--                <input type="text" class="layui-input" id="createTimeStart">--%>
<%--            </div>--%>
<%--            ---%>
<%--            <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->--%>
<%--                <input type="text" class="layui-input" id="createTimeEnd">--%>
<%--            </div>--%>
<%--            <label class="layui-form-label" style="width: 85px">是否符合规则</label>--%>
<%--            <div class="layui-input-inline" id="matchRuleBox">--%>
<%--                <select id="matchRule" name="matchRule" lay-verify="required" lay-search="">--%>
<%--                    <option value="">请选择</option>--%>
<%--                    <option value="0">是</option>--%>
<%--                    <option value="1">否</option>--%>
<%--                </select>--%>
<%--            </div>--%>

<%--            <button class="layui-btn" type="button" lay-filter="selectUserButton" id="selectUserButton">查询</button>--%>
<%--            <button type="reset" class="layui-btn layui-btn-primary">重置</button>--%>
<%--        </div>--%>
<%--    </div>--%>


<%--    <!--<div class="layui-form-item layui-form-text">--%>
<%--      <label class="layui-form-label">编辑器</label>--%>
<%--      <div class="layui-input-block">--%>
<%--        <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>--%>
<%--      </div>--%>
<%--    </div>-->--%>
<%--</form>--%>

<table class="layui-hide" id="test-table-operate" lay-data="{width:800, url:'${pageContext.request.contextPath}/vehicleRefuelingRule/vehicleRefuelingRuleList', page: true, limit: 6, limits:[6]}" lay-filter="test-table-operate">
</table>


<div id="updateMainBox">
    <div id="updateHiddenBox">
        <form class="layui-form" lay-filter="updateUser">
            <div class="layui-form-item" style="display: none">
                <label class="layui-form-label">id</label>
                <div class="layui-input-block">
                    <input type="text" name="id" id="updateUserId" required lay-verify="required" placeholder="请输入id"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="userName" id="updateUserName" required lay-verify="required"
                           placeholder="请输入姓名"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">昵称</label>
                <div class="layui-input-inline">
                    <input type="text" name="userNickname" id="updateUserNickname" required lay-verify="required"
                           placeholder="请输入昵称"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">系统密码</label>
                <div class="layui-input-inline">
                    <input type="text" name="systemPassword" id="updateSystemPassword" required lay-verify="required"
                           placeholder="请输入密码"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input type="text" name="userPhone" id="updateUserPhone" required lay-verify="phone"
                           placeholder="请输入密码"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">出生日期</label>
                <div class="layui-input-inline">
                    <%--                    <input type="text" name="birthday" id="updateBirthday" required lay-verify="phone" placeholder="请输入密码"--%>
                    <%--                           autocomplete="off" class="layui-input">--%>
                    <input type="text" class="layui-input" id="updateBirthday" lay-verify="required" name="birthday"
                           autocomplete="off">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">身份证</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" id="updateIdCard" required lay-verify="required"
                           placeholder="请输入身份证"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <%--            <div class="layui-form-item">--%>
            <%--                <label class="layui-form-label">状态</label>--%>
            <%--                <div class="layui-input-block">--%>
            <%--                    <select name="status" lay-verify="required" id="updateStatus">--%>
            <%--                        <option value="1">正常</option>--%>
            <%--                        <option value="0">封禁</option>--%>
            <%--                    </select>--%>
            <%--                </div>--%>
            <%--            </div>--%>
            <div class="layui-form-item">
                <label class="layui-form-label">职位</label>
                <div class="layui-input-block">
                    <select name="occupationType" lay-verify="required" id="updateOccupationType">
                        <option value="3" id="occupationTypeItem3">业主</option>
                        <option value="1" id="occupationTypeItem1">管理员</option>
                        <option value="2" id="occupationTypeItem2">物业维修人员</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" type="button" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    <button type="button" class="layui-btn layui-btn-primary" id="updateReturnWindows">返回</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div id="addMainBox">
    <div id="addHiddenBox">
        <form class="layui-form" lay-filter="addForm" id="addForm">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="userName" id="addUserName" required lay-verify="required"
                           placeholder="请输入姓名"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">昵称</label>
                <div class="layui-input-inline">
                    <input type="text" name="userNickname" id="addUserNickname" required lay-verify="required"
                           placeholder="请输入昵称"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <%--            <div class="layui-form-item">--%>
            <%--                <label class="layui-form-label">系统密码</label>--%>
            <%--                <div class="layui-input-inline">--%>
            <%--                    <input type="text" name="systemPassword" id="addSystemPassword" required lay-verify="required" placeholder="请输入密码"--%>
            <%--                           autocomplete="off" class="layui-input">--%>
            <%--                </div>--%>
            <%--            </div>--%>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-inline">
                    <input type="text" name="userPhone" id="addUserPhone" required lay-verify="required"
                           placeholder="请输入密码"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">出生日期</label>
                <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->
                    <input type="text" class="layui-input" id="addBirthday" lay-verify="required" name="birthday"
                           autocomplete="off">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">身份证</label>
                <div class="layui-input-inline">
                    <input type="text" name="idCard" id="idCard" required lay-verify="required" placeholder="请输入身份证信息"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <input type="text" id="imgPath" name="imgPath" hidden>

            <%--头像上传--%>
            <div class="layui-form-item" style="margin-left: 110px">
                <div class="layui-inline">
                    <%--                    <div class="layui-upload">--%>
                    <button type="button" class="layui-btn" id="uploadImg">上传头像</button>
                    <%--                    </div>--%>
                </div>
            </div>

            <%--            <div class="layui-form-item" >--%>
            <%--                <div class="layui-inline"> <!-- 注意：这一层元素并不是必须的 -->--%>
            <div class="layui-upload-list" style="margin-left: 110px;border-radius: 50%">
                <img class="layui-upload-img" id="demo1">
                <p id="demoText"></p>
            </div>
            <%--                </div>--%>
            <%--            </div>--%>


            <%--            <div class="layui-form-item">--%>
            <%--                <label class="layui-form-label">状态</label>--%>
            <%--                <div class="layui-input-block">--%>
            <%--                    <select name="status" lay-verify="required" id="addStatus">--%>
            <%--                        <option value="1">正常</option>--%>
            <%--&lt;%&ndash;                        <option value="0">封禁</option>&ndash;%&gt;--%>
            <%--                    </select>--%>
            <%--                </div>--%>
            <%--            </div>--%>
            <div class="layui-form-item">
                <label class="layui-form-label">职位</label>
                <div class="layui-input-block">
                    <select name="occupationType" lay-verify="required" id="addOccupationType">
                        <option value="3">业主</option>
                        <option value="1">管理员</option>
                        <option value="2">物业维修人员</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <%--                    <button class="layui-btn" type="button" id="addUserButton">添加用户</button>--%>
                    <button class="layui-btn" type="button" lay-submit lay-filter="addUserButton" id="addUserButton">
                        添加用户
                    </button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    <button type="button" class="layui-btn layui-btn-primary" id="addReturnWindows">返回</button>
                </div>
            </div>
        </form>
    </div>
</div>


<div id="editBanReasonMainBox">
    <div id="editBanReasonHiddenBox">
        <form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
            <div class="layui-form-item" style="text-align: center">
                <%--                <label class="layui-form-label">请填写封禁原因</label>--%>
                <div class="layui-input-block">
                    <input type="text" value="请填写封禁原因" class="layui-input" readonly>
                </div>
            </div>
            <input type="text" name="banReason" style="display: none" id="content" class="layui-input">
            <div class="layui-form-item layui-form-text">
                <%--                <label class="layui-form-label">公告</label>--%>
                <div class="layui-input-block">
                    <div id="wangEditor">
                        <%--                        <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>--%>
                    </div>
                </div>
            </div>
            <%--            <button type="button" id="btn">获取内容</button>--%>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="button" class="layui-btn" lay-submit lay-filter="noticeBtn">立即提交</button>
                    <button type="button" class="layui-btn layui-btn-primary" id="closeEditBox">返回</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="${pageContext.request.contextPath}/wangEditor/js/wangEditor.min1.js"></script>
<script src="${pageContext.request.contextPath}/layuiadmin/layui/layui.all.js"></script>
<script>
    layui.config({
        base: '${pageContext.request.contextPath}/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'form', 'layer', 'laydate', 'upload','layedit'], function () {
        var table = layui.table,
            form = layui.form,
            layer = layui.layer,
            $ = layui.$,
            admin = layui.admin,
            laydate = layui.laydate
            ,layedit = layui.layedit
            , upload = layui.upload
            ,util = layui.util
        ;


        <%--<div style="color: #eb7350">${allVehicleInfo}</div>--%>

        //普通图片上传
        var uploadInst = upload.render({
            elem: '#uploadImg'
            , url: '${pageContext.request.contextPath}/file/upload' //改成您自己的上传接口
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            , done: function (res) {
                // console.log(res);
                //如果上传失败
                if (res.code > 0) {
                    return layer.msg('上传失败');
                } else {
                    $("#imgPath").val(res.data[0]);
                }
                //上传成功
            }
            , error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
        });


        /*自定义表格模板*/
        function userImg(data) {
            // console.log(data);
            var html = '';
            html += '<img src="';
            html += data.imgPath;
            html += '"'
            html += ' class = "userImgPath"';
            html += '/>';
            return html;
        }


        /*自定义表格模板*/
        function template(data) {
            var html = ""
            if (data.status == 0) {
                html += '<span style="color: #c00;">未启用</span>';
            } else {
                html += '<span style="color: #00ff00;">启用</span>';
            }
            return html;
        }


        //时间插件
        //执行一个laydate实例
        laydate.render({
            elem: '#addBirthday' //指定元素
        });

        laydate.render({
            elem: '#updateBirthday' //指定元素
        });

        $("#selectUserButton").click(function () {
            var vehicleSelectorParam = $("#vehicleSelector").val();
            userListTable.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    vehicleSelectorParam: vehicleSelectorParam
                }
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
            })
        })

        <%--控制下拉条--%>
        //监听提交
        //更新用户信息
        form.on('submit(formDemo)', function (data) {
            var data = data.field;
            // layer.msg(JSON.stringify(data.field));
            // console.log(data)
            $.ajax({
                url: "${pageContext.request.contextPath}/user/updateAllUserInfo",
                type: "post",
                data: JSON.stringify(data),
                contentType: 'application/json',
                processDate: false,
                success: function (res) {
                    if (res.code == 0) {
                        $("#updateMainBox").css("display", "none");
                        $("#updateHiddenBox").css("display", "none");
                        form.render();
                        userListTable.reload();
                        return;
                    } else {
                        $("#updateMainBox").css("display", "none");
                        $("#updateHiddenBox").css("display", "none");
                        form.render();
                        layer.msg(res.msg);
                    }

                    // return;
                }
            })
            // return false;
        });

        // form.on('submit(addUserButton)', function (data) {
        //     layer.msg(JSON.stringify(data.field));
        //     return false;
        // });

        //执行一个laydate实例
        laydate.render({
            elem: '#submitTimeStart' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#submitTimeEnd' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#createTimeStart' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#createTimeEnd' //指定元素
        });

        var userListTable = table.render({
            elem: '#test-table-operate'
            , url: '${pageContext.request.contextPath}/vehicleRefuelingRule/vehicleRefuelingRuleList'
            // , width: admin.screen() > 1 ? 892 : ''
            // , width: '100%'
            // , height: 332
            , request: {
                pageName: 'pageNum',
                limitName: 'pageSize'
            }
            ,limit: 15
            // ,defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            //     title: '提示'
            //     ,layEvent: 'LAYTABLE_TIPS'
            //     ,icon: 'layui-icon-file-b'
            // }]
            // , toolbar: 'default',
            ,page: true,
            limits: [15, 20, 50]
            , cols: [
                [
                    // {type: 'checkbox', fixed: 'left', totalRowText: '合计：'}
                    {field: 'name', title: '名称', sort: true, rowspan: 2, align:'center'}
                    , {title: '加油里程表统计数', totalRow: true, sort: true, colspan: 2, align:'center'}
                    , {title: '燃油升数', totalRow: true, sort: true, colspan: 2, align:'center'}
                    , {title: '燃油单价最小值', sort: true, colspan: 2, align:'center'}
                    , {title: '燃油合计金额最小值', totalRow: true, sort: true, colspan: 2, align:'center'}
                    , {
                    field: 'status', title: '是否启用', sort: true, rowspan: 2, templet: function (d) {
                        return template(d)
                    }
                }
                    // , {width: 300, align: 'center', fixed: 'right', toolbar: '#test-table-operate-barDemo'}
                ]
                ,
                [
                    {field: 'drivingMileageMin', title: '最小值', totalRow: true, sort: true, edit: 'text', align:'center'}
                    , {field: 'drivingMileageMax', title: '最大值', totalRow: true, sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelLitersMin', title: '最小值', totalRow: true, sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelLitersMax', title: '最大值', totalRow: true, sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelUnitPriceMin', title: '最小值', sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelUnitPriceMax', title: '最大值', sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelTotalPriceMin', title: '最小值', totalRow: true, sort: true, edit: 'text', align:'center'}
                    , {field: 'fuelTotalPriceMax', title: '最大值', totalRow: true, sort: true, edit: 'text', align:'center'}
                ]

            ]
        })


        //监听表格复选框选择
        table.on('checkbox(test-table-operate)', function (obj) {
            console.log(obj)
        });

        $("#updateReturnWindows").click(function updateReturnWindows() {
            $("#updateMainBox").css("display", "none");
            $("#updateHiddenBox").css("display", "none");
        })

        $("#addReturnWindows").click(function addReturnWindows() {
            $("#addMainBox").css("display", "none");
            $("#addHiddenBox").css("display", "none");
        })


        $("#closeEditBox").click(function () {
            closeEditBox();
        })


        function openEditBox() {
            $("#editBanReasonHiddenBox").css("display", "block");
            $("#editBanReasonHiddenBox").css("z-index", "9999999");
            $("#editBanReasonMainBox").css("display", "block");
            $("#editBanReasonMainBox").css("z-index", "9999999");
        }

        function closeEditBox() {
            $("#editBanReasonHiddenBox").css("display", "none");
            $("#editBanReasonMainBox").css("display", "none");
        }

        $("#addUserButton").click(function () {
            var data = form.val("addForm");
            // console.log(data);
            verification(data);
            // console.log(2)
            $.ajax({
                url: "${pageContext.request.contextPath}/user/addUser",
                type: "post",
                data: JSON.stringify(data),
                contentType: 'application/json',
                processDate: false,
                success: function (res) {
                    // console.log(res);
                    $("#addMainBox").css("display", "none");
                    $("#addHiddenBox").css("display", "none");
                    refreshAddUserForm()
                    userListTable.reload();
                    return;
                },
                error: function () {
                    $("#addMainBox").css("display", "none");
                    $("#addHiddenBox").css("display", "none");
                    refreshAddUserForm();
                    userListTable.reload();
                    return;
                }
            })
        });

        // 使添加用户表单刷新
        function refreshAddUserForm() {
            // console.log(3);
            form.val("addForm", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
                "userName": '' // "name": "value"
                , "userNickname": ''
                , "systemPassword": ''
                , "userPhone": ''
                , "birthday": ''
            });
        }

        //验证数据不为空
        function verification(obj) {
            for (var key in obj) {
                // console.log('not null')
                if (key == null || key == '') {
                    // console.log('null')
                    return;
                }
            }
        }

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 5){
                    return '标题至少得5个字符啊';
                }
            }
            ,pass: [
                /^[\S]{6,12}$/
                ,'密码必须6到12位，且不能出现空格'
            ]
            ,content: function(value){
                layedit.sync(editIndex);
            }
        });

        //监听指定开关
        form.on('switch(switchTest)', function(data){
            layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
        });

        //监听提交
        form.on('submit(demo1)', function(data){
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });

        //表单赋值
        layui.$('#LAY-component-form-setval').on('click', function(){
            form.val('example', {
                "username": "贤心" // "name": "value"
                ,"password": "123456"
                ,"interest": 1
                ,"like[write]": true //复选框选中状态
                ,"close": true //开关状态
                ,"sex": "女"
                ,"desc": "我爱 layui"
            });
        });

        //表单取值
        layui.$('#LAY-component-form-getval').on('click', function(){
            var data = form.val('example');
            alert(JSON.stringify(data));
        });

        $("#selectUserButton").click(function () {
            reloadTable();
        })

        /*是否带有小数*/
        function  isDecimal(strValue) {
            var objRegExp= /^\d+\.\d+$/;
            return objRegExp.test(strValue);
        }

        function isChinese(strValue) {
            if(strValue.length != 0){
                var reg = /^[\u4e00-\u9fa5],{0,}$/;
                var r = strValue.match(reg);
                var flag = reg.test(strValue);
                // console.log(flag);
                if(r==null){
                    layer.msg('请不要输入汉字！'); //请将“日期”改成你需要验证的属性名称!
                }
                return r;
            }
        }

        /*是否非负整数*/
        function  isInteger(strValue) {
            if(strValue.length != 0){
                isChinese(strValue);
                var reg = /^\d+$ /;
                var r = strValue.match(reg);
                console.log(reg.test(strValue));
                if(r==null){
                    layer.msg('【加油里程表统计数】一项中请输入非负整数!'); //请将“日期”改成你需要验证的属性名称!
                }
                return r;
            }
        }

        //监听单元格编辑
        table.on('edit(test-table-operate)', function(obj){
            // var value = obj.value //得到修改后的值
            //     ,data = obj.data //得到所在行所有键值
            //     ,field = obj.field; //得到字段
            // // layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改值为：'+ util.escape(value));
            // layer.alert(JSON.stringify(obj.data));
            // {"id":1,"name":"默认基础规则","drivingMileageMin":"101","drivingMileageMax":200000,"fuelLitersMin":10.1,"fuelLitersMax":40.2,"fuelUnitPriceMin":null,"fuelUnitPriceMax":8.5,"fuelTotalPriceMin":null,"fuelTotalPriceMax":null,"status":1}
            layer.confirm('确认要修改吗？', {
                    btn: ['修改', '取消']
                }, function (index) {
                    var strify = JSON.stringify(obj.data);
                    $.ajax({
                        url: "${pageContext.request.contextPath}/vehicleRefuelingRule/updateRefuelingRule",
                        dataType: 'json',
                        data: {
                            record: strify
                        },
                        type: 'post',
                        success: function (data) {
                            if (data.code == 0) {
                                layer.msg('修改数据成功！');//提示框
                            } else {
                                layer.msg(data.msg);//提示框
                            }

                            reloadTable();
                        }
                    })
                }, function () {
                    reloadTable();
                }
            );
        });

        function reloadTable() {
            userListTable.reload();
        }

        function loadVehicleInfo() {
            $.ajax({
                url: "${pageContext.request.contextPath}/vehicleRefuelingInfo/getAllVehicleInfo",
                data: '',
                success: function (data) {
                    var arr = [];
                    arr = data;
                    var html = '<option value="">请选择</option>';
                    var vehicleCategory = ''; // 记录类别
                    for (var i = 0; i < arr.length; i++) {
                        if (i == 0) {
                            vehicleCategory = arr[i].vehicleCategory;
                            if ('' == vehicleCategory) {
                                vehicleCategory = '无类别';
                            }
                            html += '<optgroup style="color: #CF1900; background-color:yellow;" label="' + vehicleCategory + '">';
                        }
                        html += '<option value="'+ arr[i].vehicleLicence +'">' + arr[i].vehicleLicence +'</option>';
                        if (arr[i].vehicleCategory == '' && vehicleCategory == '无类别') {

                        } else {
                            if (arr[i].vehicleCategory != vehicleCategory){
                                html += '</optgroup>';
                                vehicleCategory = arr[i].vehicleCategory;
                                html += '<optgroup label="' + vehicleCategory + '">';
                            }
                        }

                    }
                    html += '</optgroup>';
                    $("#vehicleSelector").empty();
                    $("#vehicleSelector").append(html);
                    form.render();
                }
            });
        }

        $(document).ready(function(){
            loadVehicleInfo();
        });


    })
</script>
</body>
</html>